el Pasado mes de junio tuve el placer de presentar en SMX Advanced sobre uno de mis temas favoritos: la mejora de la colaboración entre el Seo y los desarrolladores.
Mientras mi sesión fue sobre JavaScript para SEO, aproveché la oportunidad para introducir una práctica que me parece que puede resolver un doloroso problema de negocio: el alto costo de la captura de SEO problemas en la producción cuando se pueden capturar durante el desarrollo automatizado utilizando técnicas de prueba.
¿con qué frecuencia usted aprenderá acerca de una metaetiqueta \” noindex robots etiqueta en las páginas incorrectas lanzado a la producción y provocando una enorme tráfico de SEO gota?
Vamos a aprender cómo podemos evitar este error y otros similares que suceda en el primer lugar.
pruebas Automatizadas en desarrollo profesional
profesional Moderno que los desarrolladores necesitan para añadir nuevas funcionalidades o corregir errores en un ritmo rápido y a menudo se basan en pruebas automatizadas para mantener su código de alta calidad.
Durante mi sesión, me menciona esto como un lugar perfecto para tomar un poco de SEO errores temprano, antes de que su daño es demasiado caro.
En este artículo, vamos a explorar este concepto en detalle, la revisión de algunos ejemplos prácticos y delinear las responsabilidades de los desarrolladores y el SEO.
La anatomía de la parte delantera de una moderna aplicación web
El front-end de las modernas aplicaciones web es generalmente construido de forma modular, el uso de los controladores, vistas y componentes.
los Controladores de ruta de la página de solicitudes para el correcto punto de vista de la aplicación y las vistas son lo que se ve cuando se carga la página.
Las opiniones se dividen a su vez en componentes. Por ejemplo, en una página de búsqueda, en la cuadrícula de resultados de búsqueda que puede ser alimentado por uno de los componentes.
Estos componentes pueden ser prestados en el lado del servidor, en el cliente o en ambos lados como es el caso de híbridos de representación de las soluciones.
SEO alcance
es importante entender estos conceptos porque no todas las aplicaciones de controlador, vista o componente requiere de SEO de entrada o de pruebas automatizadas.
Una manera de saberlo es preguntar si la funcionalidad del componente debe ser visible o no para los rastreadores de motores de búsqueda.
Por ejemplo, todos los componentes o acciones detrás de un formulario de inicio de sesión no está en el ámbito de SEO porque rastreadores de motores de búsqueda no pueden ver.
Los diferentes tipos de pruebas automatizadas
realización de pruebas Automatizadas es un tema amplio, pero cuando se trata de SEO preocupaciones, hay dos tipos principales de pruebas automatizadas necesitamos aprender acerca de: pruebas de unidad y de extremo a extremo de las pruebas.
los Desarrolladores generalmente de escritura de la unidad de pruebas a realizar uno de los componentes y el método de los controles de nivel. La idea es verificar cada parte de la aplicación funciona como se esperaba por separado y en el aislamiento.
sin Embargo, mientras que las partes individuales pueden funcionar correctamente, pueden fallar cuando se ponen a trabajar juntos. Que es donde las pruebas de integración (un.k.una. end-to-end pruebas) entrar en el lugar. Se prueba que los componentes pueden trabajar juntos también.
se debe escribir ambos tipos de pruebas para comprobar SEO problemas durante el desarrollo.
Vamos a revisar algunos de los ejemplos prácticos.
la Escritura de SEO de la unidad de pruebas
En la preparación de mi presentación, me codificado un AngularJS app que monitorea las Tendencias de Google temas. Me concentré en tratar de optimizarlo para SEO básico de las mejores prácticas.
En Angular, podemos utilizar el Jazmín, para escribir pruebas unitarias. Vamos a repasar lo que las pruebas de unidad se parecen y lo que podemos hacer con ellos.
Como ejemplo, echemos un vistazo a la Categoría de Temas de componente en nuestra aplicación, la cual es responsable para la inclusión de las Tendencias de Google temas para una categoría seleccionada.
Hemos añadido estas pruebas unitarias para verificar básicos de SEO etiquetas.
Las pruebas descritas anteriormente asegúrese de que el componente establece canónica apropiada Url, la página de títulos y meta descripciones.
Usted puede fácilmente extender esta lista para incluir otras etiquetas meta como meta robots y etiquetas hreflang.
Después de escribir este tipo de pruebas, que generalmente se necesita para ejecutar después de la actualización de la aplicación.
Aquí es cómo se ejecutan utilizando el Jazmín. En Angular, escriba el comando: ng prueba
Aquí es lo que se ve el resultado.
los desarrolladores agregar nuevas características a la aplicación o sitio web y, a continuación, ejecute las pruebas, se puede obtener una retroalimentación inmediata cuando ellos te olvides de añadir importantes de SEO etiquetas o introducir incorrectas.
Parte de su trabajo en curso como a un SEO es para asegurarse de que los componentes están cubiertos por la unidad de pruebas.
la Escritura de SEO pruebas de integración
a continuación, vamos a revisar algunas de las pruebas de integración que lo programé para nuestra aplicación para que pueda ver lo que parece.
En Angular, podemos utilizar el Transportador para ejecutar de extremo a extremo de las pruebas.
Usted puede estar preguntándose por qué tenemos dos herramientas diferentes para ejecutar pruebas automatizadas?
de extremo a Extremo de las pruebas se ejecutan exclusivamente en un navegador web, mediante la automatización del navegador de modo que se realiza la secuencia de comandos acciones que especifique. Esto es muy diferente de la unidad de evaluación, donde podemos ejecutar solo a la parte final/front end código que estamos probando.
Si nos fijamos en nuestra aplicación de ejemplo de la categoría de temas de la página, se puede ver hemos añadido end-to-end de pruebas para verificar la prerendering problemas.
El ejemplo de las pruebas de verificación que nuestro SEO básico etiquetas funcionan correctamente después de se procesa la página. Esta es una prueba que requiere la carga de la página en el navegador y esperar a que el código JavaScript a ejecutar.
Una simple revisión, hemos añadido la era asegúrese de que la tecla de etiquetas meta como el título y la meta descripción no volver null después de la representación. Otra prueba sería comprobar el servidor de lado las etiquetas y del lado del cliente prestados etiquetas no son diferentes, ya que podría causar la ocultación de los problemas.
Aquí es cómo se ejecutan usando el Transportador. En Angular, escriba el comando: ng e2e
Prerendering basado en JavaScript sitios puede llevar a SEO cuestiones que son difíciles de detectar en la producción. Robusto pruebas de integración puede dar una buena primera línea de defensa.
integración Continua
yo no cubrir este tema durante mi charla, pero vale la pena mencionarlo. La mayoría de los equipos de desarrollo que escribir pruebas automatizadas, además de aplicar una técnica llamada integración continua.
integración Continua permite a los desarrolladores llevar sus cambios en el código a un repositorio de código y hacer que cada cometer desencadenar un conjunto de pruebas automatizadas. Si la fase de pruebas, el código es empaquetada para la liberación y se implementan de forma automática. Pero, si falla alguna de las pruebas, el embalaje y la liberación de tuberías se detuvo.
Algunas herramientas de integración continua como CircleCi necesario agregar un simple examen de las definiciones de archivo en el repositorio de código, agregue el proyecto a su servicio y se ejecutan todas las pruebas automatizadas, incluyendo la implementación de tuberías, además de incluir la presentación de informes.
Como un SEO profesional, usted podría pedir que su equipo de desarrollo para darle acceso para que pueda revisar SEO pruebas que fallan y revisión de SEO cobertura de pruebas para recomendar cualquier falta de pruebas.
responsabilidades Compartidas
la Captura de SEO errores durante el desarrollo puede ahorrar a las empresas una gran cantidad de dinero y el dolor de cabeza, y es una responsabilidad compartida entre los desarrolladores y técnicos de Seo.
he creado estos dos tablas para ayudar a definir algunas de las diferentes responsabilidades para las pruebas unitarias y pruebas de integración.
Recursos para obtener más información
he utilizado Angular ejemplos, pero las pruebas automatizadas es una disciplina en desarrollo profesional. Usted puede encontrar el equivalente de las herramientas y procesos en la mayoría de los marcos.
Aquí hay un par de investigar más allá de su específica dev pila.
las Opiniones expresadas en este artículo son las del autor invitado y no necesariamente Tierra del Motor de Búsqueda. El personal de los autores se muestran aquí.
Sobre El Autor
This content was originally published here.